<template>
<div class="app">
<home :homeinfo="info" @homechangename="appchangename"></home>
</div>
</template>
<script>
import { reactive } from "vue"
import home from "./home.vue"
export default {
    components: {
        home    
    },
    setup() {
        const info = reactive({
            name: "小染呀",
            age: 19,
            height:160
        })
        function appchangename(payload) {
            info.name=payload
        }
        return {
            info,
            appchangename
        }
    }
}
</script>
<style scoped lang="less">

</style>